<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>全局注册</title>
    <link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
    <div id="app">
        <h2>全局注册方式一</h2>
        <my-component></my-component>
        <h2>全局注册方式二</h2>
        <my-demo></my-demo>
    </div>
    <script src="../../2.1.8/vue.js"></script>
    <script>
        // 全局所有的 vue 实例都可以使用
        Vue.component('my-component',{
            template : '<div>全局注册方式一</div>'
        });

        // 扩展实例构造器
        let myDemo = Vue.extend({
            template : '<div>全局注册方式二</div>'
        });
        // 全局注册组件，或者局部注册均可以
        Vue.component( 'my-demo', myDemo );

        let vm = new Vue({
            el : '#app',
            // components : {
            //     'my-demo' : myDemo
            // }
        });

    </script>
</body>
</html>